.home {
    height: 100%;
    width: 1100px;


    .top {
        width: 100%;
        margin-bottom: 20px;

        .shang {
            margin: 20px 0;

            span {
                color: #717171;
                font-size: 16px;
                font-weight: 400;
                margin-left: 30px;
            }
        }

        .xia {
            display: flex;
            justify-content: space-between;

            .one {
                background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u661.svg);
                background-size: 100%;
                width: 23%;
                height: 133px;
                line-height: 2;
                box-sizing: border-box;
                padding: 10px;
                color: white;
            }

            .one:nth-child(2) {
                // background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u675.svg);
                background: linear-gradient(-62.24145939894deg, rgba(26, 223, 140, 1) 0%, rgba(25, 185, 89, 1) 100%);
                border-radius: 16px;
            }

            .one:nth-child(3) {
                background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u675.svg);
            }

            .one:nth-child(4) {
                background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u682.svg);
            }


        }
    }

    #charts {
        height: 500px;
        color: orange;

        canvas {
            border-radius: 30px;
        }
    }

    .big_box {
        height: 700px;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        box-sizing: border-box;

        .left {
            width: 49%;

            .shang {
                height: 35%;
                margin-bottom: 20px;
                padding: 10px;
                border-radius: 30px;
                background-color: white;

                h3 {
                    margin: 15px 0 0 15px;
                }


                .box {
                    display: flex;
                    justify-content: space-evenly;
                    border-radius: 30px;

                    .one {
                        margin-top: 30px;
                        position: relative;
                        display: flex;
                        justify-content: center;
                        box-sizing: border-box;

                        #_img {
                            border-width: 0px;
                            position: absolute;
                            // top: 5px;
                            width: 104px;
                            height: 104px;
                            text-align: center;
                        }

                        #ren {
                            border-width: 0px;
                            position: absolute;
                            left: 35px;
                            top: 35px;
                            width: 22px;
                            height: 22px;
                        }

                        p {
                            margin-top: 100%;
                            width: 90px;
                            text-align: center;
                        }
                    }
                }



            }

            .xia {
                height: 65%;
                background-color: white;
                border-radius: 30px;

                .ant-table-wrapper {
                    height: 100%;

                    .ant-table-thead {
                        .ant-table-cell:nth-child(2) {
                            width: 88px;
                            text-align: center;
                        }
                    }

                    .ant-table-tbody>tr>td {
                        padding: 7px 5px;
                        text-align: center;

                        img {
                            width: 100%;
                        }
                    }

                    .ant-table-tbody {
                        .ant-table-row {
                            td:nth-child(1) {
                                color: blue;
                            }

                            .ant-table-cell:nth-child(3) {
                                color: blue;
                            }
                        }
                    }
                }

                .ant-pagination {
                    opacity: 0;
                }
            }
        }



        .right {
            width: 49%;
            box-sizing: border-box;

            .shang {
                height: 45%;
                margin-bottom: 20px;

                #study {
                    height: 100%;
                    width: 540px;

                    canvas {
                        border-radius: 30px;
                    }
                }
            }

            .xia {
                height: 55%;
                background-color: white;
                border-radius: 30px;

                #fangwen {
                    height: 100%;
                    width: 540px;

                }
            }

        }
    }



}